<template>
    <div v-bind:class="className">梦想</div>
    <div class="box" v-bind:class="{ block: isActive }">启航</div>
</template>

<script setup>
import { ref } from 'vue'
const isActive = ref(true)

const className = 'box'
</script>

<style>
.box {
    border: 1px solid black;
}
.block {
    background-color: green;
    color: yellow;
}

</style>